<template>


		<view class="guang">
			
		<view class="tiao">
			{{daojishi}}
		</view>
			<span class='title'>计算专业<uni-icons type="circle-filled" size="30"></uni-icons>
数据准确</span>
		<view class="ssc">
			<img src="https://img0.baidu.com/it/u=762942671,762179478&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500" alt="" >
			<img src="https://img0.baidu.com/it/u=1285318620,377807977&fm=253&fmt=auto&app=138&f=JPEG?w=792&h=458" alt="" srcset="">
		</view>
		
			
			
		</view>
</template>

<script>
	
	 import badgeMix from '@/mixins/index.js'
	 
	export default {
		
		mixins:[badgeMix],
		data() {
			return {
				daojishi:1,
				defaultPic:'',
				ddd:null,
				options:[{
				      text: '删除', // 显示的文本内容
				      style: {
				        backgroundColor: '#C00000' // 按钮的背景颜色
				      }
				    }]
			};
		},
		 computed: {
	
			
			
		  },
		  mounted() {
		  	this.dao()
				
		  },
		filters: {
		  // 把数字处理为带两位小数点的数字
		  tofixed(num) {
		    return Number(num).toFixed(2); 
		  }
		},
		beforeDestroy(){
			
				clearInterval(this.ddd)
		},
		methods: {
		dao(){
			
			
			this.ddd=setInterval(() => {
							   this.daojishi= this.daojishi-1
			
			 if( this.daojishi==0 ){
				 uni.switchTab({
				   url: '../home/home'
				 })
			 }
							  console.log(this.daojishi);
			 }, 1000) // 3 秒后跳转到首页
		}
		
	}}
</script>

<style lang="scss">
	.title{position: absolute;
	font-size: 20px;
	z-index: 999;
	top:150px;
	left:50%;
	transform: translateX(-50%);
	}
	.guang{
		position: relative;
		width: 100vw;
		padding: 50px 0;
		// background-color: rgba(0, 0, 0, 0.1);
		// opacity: .5;
	height: 100vh;
	
	.ssc{
			margin-top: 200px;
	}
	img{
	
		width: 100%;
		height: 200px;
		
	}
	
	.tiao{position: absolute;
	width: 60px;
	height: 30px;
	top: 50px;
	text-align: center;
	line-height: 30px;
	left: 10px;
	
	color: #fff;
	border-radius: 20px;
	
	background-color: rgba(0, 0, 0, .3);}
	}
	
</style>
